<script setup lang="ts">

</script>

<template>
  <div class="view-more"><span>查看更多</span>
    <img src="~/assets/icons/to-right-black.png" alt="">
  </div>
</template>

<style scoped lang="scss">
.view-more {
  display: flex;
  align-items: center;
  &:hover{
    img{
      margin-left: 0.2rem;
    }
  }
  span{
    color: #fff;
    font-size: 0.25rem;
  }

  img {
    display: inline-block;
    width: 0.23rem;
    filter: invert(1);
    transition: .4s;
    margin-left: 0.12rem;
  }
}
</style>
